﻿<%@ Page Title="" Language="C#" MasterPageFile="~/pages/Main.Master" AutoEventWireup="true"
    CodeBehind="Calendar.aspx.cs" Inherits="Organizer.pages.Calendar" %>

<%@ Register Assembly="JotaControls" Namespace="JotaControls" TagPrefix="jcc" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script type="text/javascript">
        function colorChanged(sender) {
            sender.get_element().style.color =
       "#" + sender.get_selectedColor();
        }
    </script>
    <style type="text/css">
        .modalBackground_
        {
            background-color: gray;
            filter: alpha(opacity=60);
            opacity: 0.6;
        }       
        .registerModal
        {
            position: fixed;
            top: 30%;
            left: 43%;
            padding: 8px;
            z-index: 1001;
            background-color: white;
            border-width: 2px;
            border-style: solid;
            border-color: #000;
            text-align: left;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <asp:Calendar ID="Calendario" runat="server" BackColor="White" BorderColor="#3366CC"
        Font-Names="Verdana" Font-Size="8pt" ForeColor="#003399" Height="200px" Width="100%"
        OnDayRender="Calendario_DayRender" OnSelectionChanged="Calendario_SelectionChanged"
        OnVisibleMonthChanged="Calendario_VisibleMonthChanged" BorderWidth="1px" CellPadding="1"
        DayNameFormat="Shortest" FirstDayOfWeek="Sunday" NextPrevFormat="FullMonth" ShowGridLines="true">
        <DayHeaderStyle BackColor="#99CCCC" ForeColor="#336666" Height="1px" />
        <DayStyle Height="50" Width="50" HorizontalAlign="Center" VerticalAlign="Middle" />
        <NextPrevStyle Font-Size="8pt" ForeColor="#CCCCFF" />
        <OtherMonthDayStyle ForeColor="#999999" />
        <SelectedDayStyle BackColor="#009999" Font-Bold="True" ForeColor="#CCFF99" />
        <SelectorStyle BackColor="#99CCCC" ForeColor="#336666" />
        <TitleStyle BackColor="#003399" BorderColor="#3366CC" BorderWidth="1px" Font-Bold="True"
            Font-Size="10pt" ForeColor="#CCCCFF" Height="25px" />
        <TodayDayStyle BackColor="#99CCCC" ForeColor="White" />
        <WeekendDayStyle BackColor="#CCCCFF" />
    </asp:Calendar>
    <asp:LinkButton ID="LinkButton1" runat="server" Visible="true"></asp:LinkButton>
    <ajaxToolkit:ModalPopupExtender ID="mdlDay" runat="server" TargetControlID="LinkButton1"
        PopupControlID="pnlDay" BackgroundCssClass="modalBackground_" DropShadow="false">
    </ajaxToolkit:ModalPopupExtender>
    <asp:Panel ID="pnlDay" runat="server" CssClass="registerModal">
        <div style="text-align: right">
            <asp:LinkButton ID="LinkButton2" runat="server" Visible="true" ForeColor="Black"
                Font-Underline="false">X</asp:LinkButton>
        </div>
        <table width="100%">
            <tr>
                <td>
                </td>
                <td>
                </td>
            </tr>
            <tr>
                <td>
                    Date Color:
                </td>
                <td>
                    <asp:TextBox ID="txtColor" runat="server" Width="50px"></asp:TextBox>
                    <asp:Image ID="Image1" runat="server" ImageUrl="~/images/color_wheel.png" />
                    <ajaxToolkit:ColorPickerExtender runat="server" ID="ColorPickerExtender1" PopupButtonID="Image1"
                        TargetControlID="txtColor" OnClientColorSelectionChanged="colorChanged">
                    </ajaxToolkit:ColorPickerExtender>
                </td>
            </tr>
            <tr>
                <td>
                    Date Msg:
                </td>
                <td>
                    <asp:TextBox ID="txtMsg" runat="server" TextMode="MultiLine" Width="250px"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td>
                </td>
                <td>
                    <jcc:CustomButton ID="btnClear" runat="server" ButtonText="Clear" ButtonClass="Regular"
                        OnClick="btnClear_Click" />
                    <jcc:CustomButton ID="btnDelete" runat="server" ButtonText="Delete" ButtonClass="Negative"
                        OnClick="btnDelete_Click" />
                    <jcc:CustomButton ID="btnSave" runat="server" ButtonText="Save" ButtonClass="Positive"
                        OnClick="btnSave_Click" />
                </td>
            </tr>
        </table>
    </asp:Panel>
    <asp:HiddenField ID="hfCalendarId" runat="server" Value="0" />
</asp:Content>
